home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temafire / Silver Skin.jar / browser / browser.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-11-11  |  22.9 KB  |  899 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Netscape Public License
  5.  * Version 1.1 (the "License"); you may not use this file except in
  6.  * compliance with the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/NPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is mozilla.org code.
  15.  *
  16.  * The Initial Developer of the Original Code is
  17.  * Netscape Communications Corporation.
  18.  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  19.  * the Initial Developer. All Rights Reserved.
  20.  *
  21.  * Contributor(s):
  22.  *   Joe Hewitt (hewitt@netscape.com)
  23.  *   Jason Kersey (kerz@netscape.com)
  24.  *   Pierre Chanial (chanial@noos.fr)
  25.  *   Dean Tessman (dean_tessman@hotmail.com)
  26.  *   Blake Ross (blake@cs.stanford.edu)
  27.  *
  28.  * Alternatively, the contents of this file may be used under the terms of
  29.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  30.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  31.  * in which case the provisions of the GPL or the LGPL are applicable instead
  32.  * of those above. If you wish to allow use of your version of this file only
  33.  * under the terms of either the GPL or the LGPL, and not to allow others to
  34.  * use your version of this file under the terms of the NPL, indicate your
  35.  * decision by deleting the provisions above and replace them with the notice
  36.  * and other provisions required by the GPL or the LGPL. If you do not delete
  37.  * the provisions above, a recipient may use your version of this file under
  38.  * the terms of any one of the NPL, the GPL or the LGPL.
  39.  *
  40.  * ***** END LICENSE BLOCK ***** */
  41.  
  42. @import url("chrome://global/skin/");
  43.  
  44. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  45.  
  46. #PersonalToolbar {
  47.   min-height: 26px;
  48. }
  49.  
  50. /* ::::: bookmark buttons ::::: */
  51.  
  52. toolbarbutton.bookmark-item {
  53.   margin: 0;
  54.   min-width: 0;
  55.   max-width: 13em;
  56.   padding: 2px 3px;
  57. }
  58.  
  59. toolbarbutton.bookmark-item:hover:active,
  60. toolbarbutton.bookmark-item[open="true"] {
  61.   padding: 3px 2px 1px 4px;
  62. }
  63.  
  64. .bookmark-item > .toolbarbutton-icon {
  65.   width: 16px;
  66.   height: 16px;
  67. }
  68.  
  69. /* Prevent [mode="icons"] from hiding the label */
  70. .bookmark-item > .toolbarbutton-text {
  71.   display: -moz-box !important;
  72. }
  73.  
  74. .bookmark-item > .toolbarbutton-menu-dropmarker {
  75.   display: none;
  76. }
  77.  
  78. #wrapper-personal-bookmarks .toolbarpaletteitem-box {
  79.   width: 16px;
  80.   height: 16px;
  81.   background: url("chrome://browser/skin/Bookmarks-folder.png") no-repeat !important;
  82. }
  83.  
  84. .bookmarks-toolbar-customize {
  85.   display: none;
  86.   max-width: 15em !important;
  87. }
  88.  
  89. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
  90.   display: -moz-box;
  91. }
  92.  
  93. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
  94.   visibility: hidden;
  95. }
  96.  
  97. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
  98.   visibility: hidden;
  99. }
  100.  
  101. /* ::::: bookmark menus ::::: */
  102.  
  103. menu.bookmark-item,
  104. menuitem.bookmark-item {
  105.   min-width: 0;
  106.   max-width: 26em;
  107.   border-top: 1px solid transparent !important;
  108.   border-bottom: 1px solid transparent !important;
  109.   padding: 1px 3px 1px 2px;
  110.   margin-top: -1px;
  111. }
  112.  
  113. .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
  114.   width: 16px;
  115.   height: 16px;
  116. }
  117.  
  118. /* ..... drag and drop styles ..... */
  119.  
  120. .bookmark-item[dragover-left="true"] {
  121.   -moz-border-left-colors: #000000;
  122. }
  123. .bookmark-item[dragover-right="true"] {
  124.   -moz-border-right-colors: #000000;
  125. }
  126. .bookmark-item[dragover-top="true"] {
  127.   -moz-border-top-colors: #000000;
  128. }
  129. .bookmark-item[dragover-bottom="true"] {
  130.   -moz-border-bottom-colors: #000000;
  131. }
  132.  
  133. /* ::::: bookmark items ::::: */
  134.  
  135. .bookmark-item  {
  136.   list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
  137.   -moz-image-region: rect(0px, 16px, 16px, 0px)
  138. }
  139.  
  140. .bookmark-item[container="true"] {
  141.   -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
  142. }
  143.  
  144. .bookmark-item[open="true"],
  145. .bookmark-item[container="true"][open="true"] {
  146.   -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
  147. }
  148.  
  149. /* livemarks have the same layout as folder-item, but in the browser-only livemark-item.png */
  150. /* only the folder icon has any effect for now, item icon is unused */
  151. .bookmark-item[livemark="true"] { 
  152.   list-style-image: url("chrome://browser/skin/livemark-item.png") !important;
  153. }
  154.  
  155. .bookmark-item[type="menu"][livemark="true"] { 
  156.   -moz-image-region: rect(0px, 48px, 16px, 32px) !important;
  157. }
  158.  
  159. .bookmark-item[type="menu"][livemark="true"][open="true"] { 
  160.   -moz-image-region: rect(16px, 48px, 32px, 32px) !important;
  161. }
  162.  
  163. /* ::::: primary toolbar buttons ::::: */
  164.  
  165. .toolbarbutton-1 {
  166.   -moz-box-orient: vertical;
  167.   min-width: 0px;
  168.   list-style-image: url("chrome://browser/skin/Toolbar.png");
  169. }
  170.  
  171. .toolbarbutton-1 .toolbarbutton-icon {
  172.   margin-right: 0px;
  173. }
  174.  
  175. toolbar[mode="full"] .toolbarbutton-1,
  176. toolbar[mode="full"] .toolbarbutton-menubutton-button {
  177.   min-width: 57px;
  178. }
  179.  
  180. .toolbarbutton-1, .toolbarbutton-menubutton-button {
  181.   padding: 5px;
  182. }
  183.  
  184. .toolbarbutton-1:hover:active:not([disabled]),
  185. .toolbarbutton-1[open="true"], 
  186. .toolbarbutton-menubutton-button:hover:active:not([disabled]),
  187. .toolbarbutton-menubutton-button[open="true"] {
  188.   padding: 5px 4px 5px 6px;
  189. }
  190.  
  191. .toolbarbutton-1[checked="true"] {
  192.   padding: 5px 4px 5px 6px !important;
  193. }
  194.  
  195. .toolbarbutton-1[type="menu-button"] {
  196.   padding: 0px !important;
  197. }
  198.  
  199. .toolbarbutton-menubutton-stack,
  200. .toolbarbutton-menubutton-button,
  201. .toolbarbutton-menubutton-stack:hover,
  202. .toolbarbutton-menubutton-button:hover,
  203. .toolbarbutton-menubutton-stack:hover:active,
  204. .toolbarbutton-menubutton-button:hover:active {
  205.   margin: 0 !important;
  206.   display: -moz-box;
  207. }
  208.  
  209. toolbar[mode="icons"] .toolbarbutton-text {
  210.   display: none;
  211. }
  212.  
  213. toolbar[mode="text"] .toolbarbutton-icon {
  214.   display: none;
  215. }
  216.  
  217. toolbar[mode="text"] .toolbarbutton-text {
  218.   padding: 0 !important;
  219.   margin: 3px 5px !important;
  220. }
  221.  
  222. /* ::::: 24px primary toolbar buttons ::::: */
  223.  
  224. #back-button {
  225.   -moz-image-region: rect(0px 30px 30px 0px);
  226. }
  227.  
  228. /* back button-- */
  229.  
  230. #back-button[buttonover="true"] {
  231.   -moz-image-region: rect(30px 30px 60px 0px);
  232. }
  233. #back-button[disabled="true"] {
  234.   -moz-image-region: rect(60px 30px 90px 0px) !important;
  235. }
  236.  
  237. /* forward button */
  238.  
  239. #forward-button {
  240.   -moz-image-region: rect(0px 60px 30px 30px);
  241.   padding-right: 2px;
  242. }
  243. #forward-button[buttonover="true"] {
  244.   -moz-image-region: rect(30px 60px 60px 30px);
  245. }
  246. #forward-button[disabled="true"] {
  247.    -moz-image-region: rect(60px 60px 90px 30px) !important;
  248. }
  249.  
  250. /* stop button */
  251.  
  252. #stop-button {
  253.   -moz-image-region: rect(0px 90px 30px 60px);
  254. }
  255. #stop-button:hover {
  256.   -moz-image-region: rect(30px 90px 60px 60px);
  257. }
  258. #stop-button[disabled="true"] {
  259.   -moz-image-region: rect(60px 90px 90px 60px) !important;
  260. }
  261.  
  262. /* reload button */
  263.  
  264. #reload-button {
  265.   -moz-image-region: rect(0px 120px 30px 90px);
  266. }
  267. #reload-button:hover {
  268.   -moz-image-region: rect(30px 120px 60px 90px);
  269. }
  270. #reload-button[disabled="true"] {
  271.   -moz-image-region: rect(60px 120px 90px 90px);
  272. }
  273.  
  274. /* home button */
  275.  
  276. #home-button {
  277.   -moz-image-region: rect(0px 150px 30px 120px);
  278. }
  279. #home-button:hover {
  280.   -moz-image-region: rect(30px 150px 60px 120px);
  281. }
  282.  
  283. /* download manager button */
  284.  
  285. #downloads-button {
  286.   -moz-image-region: rect(0px 180px 30px 150px);
  287. }
  288. #downloads-button:hover {
  289.   -moz-image-region: rect(30px 180px 60px 150px);
  290. }
  291. #downloads-button[disabled="true"] {
  292.   -moz-image-region: rect(60px 180px 90px 150px) !important;
  293. }
  294.  
  295. /* history sidebar button */
  296.  
  297. #history-button {
  298.   -moz-image-region: rect(0px 210px 30px 180px);
  299. }
  300. #history-button:hover {
  301.   -moz-image-region: rect(30px 210px 60px 180px);
  302. }
  303. #history-button[disabled="true"] {
  304.   -moz-image-region: rect(60px 210px 90px 180px) !important;
  305. }
  306.  
  307. /* bookmark sidebar button */
  308.  
  309. #bookmarks-button {
  310.   -moz-image-region: rect(0px 240px 30px 210px);
  311. }
  312. #bookmarks-button:hover {
  313.   -moz-image-region: rect(30px 240px 60px 210px);
  314. }
  315. #bookmarks-button[disabled="true"] {
  316.   -moz-image-region: rect(60px 240px 90px 210px) !important;
  317. }
  318. #bookmarks-button[checked="true"] {
  319.   -moz-image-region: rect(30px 240px 60px 210px) !important;
  320. }
  321.  
  322. /* print button */
  323.  
  324. #print-button {
  325.   -moz-image-region: rect(0px 270px 30px 240px);
  326. }
  327. #print-button:hover {
  328.   -moz-image-region: rect(30px 270px 60px 240px);
  329. }
  330. #print-button[disabled="true"] {
  331.   -moz-image-region: rect(60px 270px 90px 240px) !important;
  332. }
  333.  
  334. /* new tab button */
  335.  
  336. #new-tab-button {
  337.   -moz-image-region: rect(0px 300px 30px 270px);
  338. }
  339. #new-tab-button:hover {
  340.   -moz-image-region: rect(30px 300px 60px 270px);
  341. }
  342. #new-tab-button[disabled="true"] {
  343.   -moz-image-region: rect(60px 300px 90px 270px) !important;
  344. }
  345.  
  346. /* new window button */
  347.  
  348. #new-window-button {
  349.   -moz-image-region: rect(0px 330px 30px 300px);
  350. }
  351. #new-window-button:hover {
  352.   -moz-image-region: rect(30px 330px 60px 300px);
  353. }
  354. #new-window-button[disabled="true"] {
  355.   -moz-image-region: rect(60px 330px 90px 300px) !important;
  356. }
  357.  
  358. /* cut button */
  359.  
  360. #cut-button {
  361.   -moz-image-region: rect(0px 360px 30px 330px);
  362. }
  363. #cut-button:hover {
  364.   -moz-image-region: rect(30px 360px 60px 330px);
  365. }
  366. #cut-button[disabled="true"] {
  367.   -moz-image-region: rect(60px 360px 90px 330px) !important;
  368. }
  369.  
  370. /* copy button */
  371.  
  372. #copy-button {
  373.   -moz-image-region: rect(0px 390px 30px 360px);
  374. }
  375. #copy-button:hover {
  376.   -moz-image-region: rect(30px 390px 60px 360px);
  377. }
  378. #copy-button[disabled="true"] {
  379.   -moz-image-region: rect(60px 390px 90px 360px);
  380. }
  381.  
  382. /* paste button */
  383.  
  384. #paste-button {
  385.   -moz-image-region: rect(0px 420px 30px 390px);
  386. }
  387. #paste-button:hover {
  388.   -moz-image-region: rect(30px 420px 60px 390px);
  389. }
  390. #paste-button[disabled="true"] {
  391.   -moz-image-region: rect(60px 420px 90px 390px);
  392. }
  393.  
  394. /* mail button */
  395.  
  396. #mail-button {
  397.   -moz-image-region: rect(0px 450px 30px 420px);
  398. }
  399. #mail-button:hover {
  400.   -moz-image-region: rect(30px 450px 60px 420px);
  401. }
  402. #mail-button[disabled="true"] {
  403.   -moz-image-region: rect(60px 450px 90px 420px);
  404. }
  405.  
  406.  
  407. /* ::::: 16px primary toolbar buttons ::::: */
  408.  
  409. toolbar[iconsize="small"] .toolbarbutton-1 {
  410.   -moz-box-orient: vertical;
  411.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  412. }
  413.  
  414. toolbar[iconsize="small"] .toolbarbutton-1 .toolbarbutton-icon {
  415.   margin-right: 0px;
  416. }
  417.  
  418. toolbar[iconsize="small"] .toolbarbutton-1, toolbar[iconsize="small"] .toolbarbutton-menubutton-button {
  419.   padding: 3px;
  420.     margin-right: 2px;
  421. }
  422.  
  423. toolbar[iconsize="small"] .toolbarbutton-1:hover:active:not([disabled]),
  424. toolbar[iconsize="small"] .toolbarbutton-1[open="true"], 
  425. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active:not([disabled]),
  426. toolbar[iconsize="small"] .toolbarbutton-menubutton-button[open="true"] {
  427.   padding: 3px 2px 3px 4px;
  428. }
  429.  
  430. toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] {
  431.   padding: 3px 2px 3px 4px !important;
  432. }
  433.  
  434. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"] {
  435.   padding: 0px !important;
  436. }
  437.  
  438. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack,
  439. toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
  440. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover,
  441. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover,
  442. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover:active,
  443. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active {
  444.   margin: 0 !important;
  445.   display: -moz-box;
  446. }
  447.  
  448.  
  449. /* back button-- */
  450.  
  451. toolbar[iconsize="small"] #back-button {
  452.   -moz-image-region: rect(0px 20px 20px 0px);
  453. }
  454.  
  455. toolbar[iconsize="small"] #back-button[buttonover="true"] {
  456.   -moz-image-region: rect(20px 20px 40px 0px);
  457. }
  458. toolbar[iconsize="small"] #back-button[disabled="true"] {
  459.   -moz-image-region: rect(40px 20px 60px 0px) !important;
  460. }
  461.  
  462. /* forward button */
  463.  
  464. toolbar[iconsize="small"] #forward-button {
  465.   -moz-image-region: rect(0px 40px 20px 20px);
  466.   padding-right: 2px;
  467. }
  468. toolbar[iconsize="small"] #forward-button[buttonover="true"] {
  469.   -moz-image-region: rect(20px 40px 40px 20px);
  470. }
  471. toolbar[iconsize="small"] #forward-button[disabled="true"] {
  472.    -moz-image-region: rect(40px 40px 60px 20px) !important;
  473. }
  474.  
  475. /* stop button */
  476.  
  477. toolbar[iconsize="small"] #stop-button {
  478.   -moz-image-region: rect(0px 60px 20px 40px);
  479. }
  480. toolbar[iconsize="small"] #stop-button:hover {
  481.   -moz-image-region: rect(20px 60px 40px 40px);
  482. }
  483. toolbar[iconsize="small"] #stop-button[disabled="true"] {
  484.   -moz-image-region: rect(40px 60px 60px 40px) !important;
  485. }
  486.  
  487. /* reload button */
  488.  
  489. toolbar[iconsize="small"] #reload-button {
  490.   -moz-image-region: rect(0px 80px 20px 60px);
  491. }
  492. toolbar[iconsize="small"] #reload-button:hover {
  493.   -moz-image-region: rect(20px 80px 40px 60px);
  494. }
  495. toolbar[iconsize="small"] #reload-button[disabled="true"] {
  496.   -moz-image-region: rect(40px 80px 60px 60px);
  497. }
  498.  
  499. /* home button */
  500.  
  501. toolbar[iconsize="small"] #home-button {
  502.   -moz-image-region: rect(0px 100px 20px 80px);
  503. }
  504. toolbar[iconsize="small"] #home-button:hover {
  505.   -moz-image-region: rect(20px 100px 40px 80px);
  506. }
  507.  
  508. /* download manager button */
  509.  
  510. toolbar[iconsize="small"] #downloads-button {
  511.   -moz-image-region: rect(0px 120px 20px 100px);
  512. }
  513. toolbar[iconsize="small"] #downloads-button:hover {
  514.   -moz-image-region: rect(20px 120px 40px 100px);
  515. }
  516. toolbar[iconsize="small"] #downloads-button[disabled="true"] {
  517.   -moz-image-region: rect(40px 120px 60px 100px) !important;
  518. }
  519.  
  520. /* history sidebar button */
  521.  
  522. toolbar[iconsize="small"] #history-button {
  523.   -moz-image-region: rect(0px 140px 20px 120px);
  524. }
  525. toolbar[iconsize="small"] #history-button:hover {
  526.   -moz-image-region: rect(20px 140px 40px 120px);
  527. }
  528. toolbar[iconsize="small"] #history-button[disabled="true"] {
  529.   -moz-image-region: rect(40px 140px 60px 120px) !important;
  530. }
  531.  
  532. /* bookmark sidebar button */
  533.  
  534. toolbar[iconsize="small"] #bookmarks-button {
  535.   -moz-image-region: rect(0px 160px 20px 140px);
  536. }
  537. toolbar[iconsize="small"] #bookmarks-button:hover {
  538.   -moz-image-region: rect(20px 160px 40px 140px);
  539. }
  540. toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
  541.   -moz-image-region: rect(40px 160px 60px 140px) !important;
  542. }
  543. toolbar[iconsize="small"] #bookmarks-button[checked="true"] {
  544.   -moz-image-region: rect(20px 160px 40px 140px) !important;
  545. }
  546.  
  547. /* print button */
  548.  
  549. toolbar[iconsize="small"] #print-button {
  550.   -moz-image-region: rect(0px 180px 20px 160px);
  551. }
  552. toolbar[iconsize="small"] #print-button:hover {
  553.   -moz-image-region: rect(20px 180px 40px 160px);
  554. }
  555. toolbar[iconsize="small"] #print-button[disabled="true"] {
  556.   -moz-image-region: rect(40px 180px 60px 160px) !important;
  557. }
  558.  
  559. /* new tab button */
  560.  
  561. toolbar[iconsize="small"] #new-tab-button {
  562.   -moz-image-region: rect(0px 200px 20px 180px);
  563. }
  564. toolbar[iconsize="small"] #new-tab-button:hover {
  565.   -moz-image-region: rect(20px 200px 40px 180px);
  566. }
  567. toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
  568.   -moz-image-region: rect(40px 200px 60px 180px) !important;
  569. }
  570.  
  571. /* new window button */
  572.  
  573. toolbar[iconsize="small"] #new-window-button {
  574.   -moz-image-region: rect(0px 220px 20px 200px);
  575. }
  576. toolbar[iconsize="small"] #new-window-button:hover {
  577.   -moz-image-region: rect(20px 220px 40px 200px);
  578. }
  579. toolbar[iconsize="small"] #new-window-button[disabled="true"] {
  580.   -moz-image-region: rect(40px 220px 60px 200px) !important;
  581. }
  582.  
  583. /* cut button */
  584.  
  585. toolbar[iconsize="small"] #cut-button {
  586.   -moz-image-region: rect(0px 240px 20px 220px);
  587. }
  588. toolbar[iconsize="small"] #cut-button:hover {
  589.   -moz-image-region: rect(20px 240px 40px 220px);
  590. }
  591. toolbar[iconsize="small"] #cut-button[disabled="true"] {
  592.   -moz-image-region: rect(40px 240px 60px 220px) !important;
  593. }
  594.  
  595. /* copy button */
  596.  
  597. toolbar[iconsize="small"] #copy-button {
  598.   -moz-image-region: rect(0px 260px 20px 240px);
  599. }
  600. toolbar[iconsize="small"] #copy-button:hover {
  601.   -moz-image-region: rect(20px 260px 40px 240px);
  602. }
  603. toolbar[iconsize="small"] #copy-button[disabled="true"] {
  604.   -moz-image-region: rect(40px 260px 60px 240px);
  605. }
  606.  
  607. /* paste button */
  608.  
  609. toolbar[iconsize="small"] #paste-button {
  610.   -moz-image-region: rect(0px 280px 20px 260px);
  611. }
  612. toolbar[iconsize="small"] #paste-button:hover {
  613.   -moz-image-region: rect(20px 280px 40px 260px);
  614. }
  615. toolbar[iconsize="small"] #paste-button[disabled="true"] {
  616.   -moz-image-region: rect(40px 280px 60px 260px);
  617. }
  618.  
  619. /* mail button */
  620.  
  621. toolbar[iconsize="small"] #mail-button {
  622.   -moz-image-region: rect(0px 300px 20px 280px);
  623. }
  624. toolbar[iconsize="small"] #mail-button:hover {
  625.   -moz-image-region: rect(20px 300px 40px 280px);
  626. }
  627. toolbar[iconsize="small"] #mail-button[disabled="true"] {
  628.   -moz-image-region: rect(40px 300px 60px 280px);
  629. }
  630.  
  631.  
  632. /* ::::: fullscreen window controls ::::: */
  633.  
  634. #window-controls {
  635.   -moz-box-align: center;
  636.   padding: 0 2px 0 4px;
  637.   border-left: 2px solid;
  638.   -moz-border-left-colors: ThreeDHighlight ThreeDShadow;
  639. }
  640.  
  641. #minimize-button {
  642.   list-style-image: url("chrome://global/skin/icons/Minimize.gif");
  643. }
  644. #restore-button {
  645.   list-style-image: url("chrome://global/skin/icons/Restore.gif");
  646. }
  647. #close-button {
  648.   list-style-image: url("chrome://global/skin/icons/Close.gif");
  649. }
  650.  
  651. /* ::::: nav-bar-inner ::::: */
  652.  
  653. #urlbar {
  654.   margin: 2px 3px;
  655. }
  656.  
  657. /* ::::: page proxy icon ::::: */
  658.  
  659. #page-proxy-deck,
  660. #page-proxy-favicon,
  661. #page-proxy-button {
  662.   width: 16px;
  663.   height: 16px;
  664. }
  665.  
  666. #page-proxy-deck {
  667.   cursor: -moz-grab;
  668.   margin: 2px 3px;
  669. }
  670.  
  671. #page-proxy-favicon {
  672.   list-style-image: none;
  673. }
  674.  
  675. #page-proxy-button {
  676.   list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
  677.   -moz-image-region: rect(0px, 16px, 16px, 0px);}
  678.  
  679. #page-proxy-button[pageproxystate="invalid"] {
  680.   cursor: default;
  681.   -moz-image-region: rect(16px, 16px, 32px, 0px) !important;
  682. }
  683.  
  684.  
  685. statusbarpanel#statusbar-display {
  686.   padding-left: 0;
  687. }
  688.  
  689. /* ::::: autocomplete ::::: */
  690.  
  691. .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
  692.   color: #555566;
  693. }
  694.  
  695. /* ::::: go button ::::: */
  696.  
  697. #go-button {
  698.   list-style-image: url("chrome://browser/skin/Go.png");
  699.   -moz-image-region: rect(0px 20px 20px 0px);
  700.   padding: 2px 5px 2px 3px;
  701. }
  702.  
  703. #go-button:hover {
  704.   -moz-image-region: rect(0px 40px 20px 20px);
  705. }
  706.  
  707. #go-button:hover:active {
  708.   padding: 3px 4px 1px 4px;
  709. }
  710.  
  711. #go-button[disabled="true"] {
  712.   -moz-image-region: rect(0px 60px 20px 40px);
  713. }
  714.  
  715. #go-button > .toolbarbutton-text {
  716.   display: -moz-box !important;
  717. }
  718.  
  719. #sidebar {
  720.   background-color: Window;
  721. }
  722.  
  723. /* ::::: content area ::::: */
  724.  
  725. #status-bar {
  726.   border-top: none;
  727. }
  728.  
  729. #security-button {
  730.   list-style-image: none;
  731.   min-width: 20px;
  732.   -moz-box-direction: reverse;
  733.   display: none;
  734. }
  735.  
  736. #security-button[level="high"] {
  737.   list-style-image: url("chrome://browser/skin/Secure.png");
  738.   display: -moz-box;
  739. }
  740.  
  741. #security-button[level="low"] {
  742.   list-style-image: url("chrome://browser/skin/Secure.png");
  743.   display: -moz-box;
  744. }
  745.  
  746. #security-button[level="broken"] {
  747.   list-style-image: url("chrome://browser/skin/Security-broken.png");
  748.   display: -moz-box;
  749. }
  750.  
  751. /* XXXsw prevent margins of a value-less label from shifting the image */
  752. #security-button > label:not([value]) {
  753.   display: none;
  754. }
  755.  
  756. #page-report-button {
  757.   list-style-image: none;
  758.   width: 20px;
  759.   display: none;
  760. }
  761.  
  762. #page-report-button[blocked] {
  763.   list-style-image: url("chrome://browser/skin/Popup-blocked.png");
  764.   display: -moz-box;
  765. }
  766.  
  767. #page-theme-button {
  768.   display: none;
  769. }
  770.  
  771. #page-theme-button[themes] {
  772.   display: -moz-box;
  773.   list-style-image: url("chrome://browser/skin/page-themes.png");
  774.   padding: 0px 3px 0px 3px;
  775. }
  776.  
  777. #livemark-button {
  778.   list-style-image: none;
  779.   width: 20px;
  780.   display: none;
  781. }
  782.  
  783. #livemark-button[livemarks] {
  784.   list-style-image: url("chrome://browser/skin/page-livemarks.png");
  785.   display: -moz-box;
  786. }
  787.  
  788. /* ::::: throbber ::::: */
  789.  
  790. #navigator-throbber {
  791.   -moz-appearance: none;
  792.   -moz-user-focus: ignore;
  793.   margin: 0 !important;
  794.   border: none !important;
  795.   padding: 0px !important;
  796.   min-width: 0;
  797.   background-color: transparent;
  798.   list-style-image: url("chrome://browser/skin/Throbber.png");
  799. }
  800.  
  801. #navigator-throbber[busy="true"] {
  802.   list-style-image: url("chrome://browser/skin/Throbber.gif");
  803. }
  804.  
  805. toolbar[iconsize="small"] #navigator-throbber,
  806. toolbar[mode="text"] #navigator-throbber {
  807.   list-style-image: url("chrome://browser/skin/Throbber-small.png");
  808. }
  809. toolbar[iconsize="small"] #navigator-throbber[busy="true"],
  810. toolbar[mode="text"] #navigator-throbber[busy="true"] {
  811.   list-style-image: url("chrome://browser/skin/Throbber-small.gif");
  812. }
  813.  
  814. .tabs-closebutton > .toolbarbutton-icon {
  815.   margin-right: 0px !important;
  816.   padding-right: 2px !important;
  817.   padding-left: 2px !important;
  818. }
  819.  
  820. .tabs-closebutton {
  821.   list-style-image: url("chrome://global/skin/icons/close.png");
  822.   -moz-appearance: none;
  823.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  824.   padding: 4px 2px;
  825.   border: none !important;
  826. }
  827.  
  828. .tabs-closebutton:hover {
  829.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  830. }
  831.  
  832. .tabs-closebutton:hover:active {
  833.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  834. }
  835.  
  836. #sidebar-box .tabs-closebutton {
  837.   margin-bottom: 0px !important;
  838.   padding: 0px 2px 0px 2px !important;
  839. }
  840.  
  841. #FindToolbar > .tabs-closebutton {
  842.     border: 1px solid transparent;
  843.   padding: 3px 2px 4px 2px !important;
  844. }
  845.  
  846. toolbarbutton.chevron {
  847.   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
  848. }
  849.  
  850. toolbarbutton.chevron > .toolbarbutton-text {
  851.   display: none; /* hide chevron label */
  852. }
  853.  
  854. toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
  855.   display: none;
  856. }
  857.  
  858. toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
  859.   display: -moz-box; /* display chevron icon in text mode */
  860. }
  861.  
  862. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
  863.   display: -moz-box;
  864. }
  865.  
  866. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
  867.    display: none;
  868. }
  869.  
  870. #sidebar-throbber[loading="true"] {
  871.   list-style-image: url("chrome://global/skin/icons/Loading.gif");
  872. }
  873.  
  874. #urlbar[level="high"] > .autocomplete-textbox-container {
  875.   background-color: #00FF00 !important;
  876.   -moz-appearance: none;
  877. }
  878. #urlbar[level="low"] > .autocomplete-textbox-container {
  879.   background-color: #FFFF00 !important;
  880.   -moz-appearance: none;
  881. }
  882.  
  883. #urlbar[level="broken"] > .autocomplete-textbox-container {
  884.   background-color: #FF0000 !important;
  885.   color: #FFFFFF !important;
  886.   -moz-appearance: none;
  887. }
  888.  
  889. #urlbar[level="high"] > .autocomplete-textbox-container > .info-icon {
  890.   list-style-image: url("chrome://browser/skin/Secure.png");
  891. }
  892. #urlbar[level="low"] > .autocomplete-textbox-container > .info-icon {
  893.   list-style-image: url("chrome://browser/skin/Secure.png");
  894. }
  895. #urlbar[level="broken"] > .autocomplete-textbox-container > .info-icon {
  896.   list-style-image: url("chrome://browser/skin/Security-broken.png");
  897. }
  898.  
  899.